/**
 * 学习目标：react中 获取事件对象
 *
 */

import React from 'react';
import ReactDOM from 'react-dom';

class Hello extends React.Component {
  handleClick = (e) => {
    console.log('我点击了button!!!', e);
  };

  render() {
    return (
      <div>
        <a
          href="http://www.baidu.com"
          //   写法1，直接写在 jsx 中，那么直接通过 e 拿到事件对象
          onClick={(e) => {
            e.preventDefault();
          }}
        >
          点我去百度
        </a>
        <button
          // 写法2，定义方法的话，可以在方法里面接收到参数，再使用
          onClick={this.handleClick}
        >
          点我触发事件
        </button>
      </div>
    );
  }
}

const dom = (
  <>
    <Hello></Hello>
  </>
);

ReactDOM.render(dom, document.getElementById('root'));
